<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="styles/styles.css" />
</head>
<body>
    <form>
        <fieldset>
            <legend>Step 1: Personal details</legend>
            <ul>
                <li>
                    <label for="input-name">Name</label>
                    <input id="input-name" type="text" placeholder="First and last name" />
                </li>
                <li>
                    <label for="input-email">Email</label>
                    <input id="input-email" type="email" placeholder="Email address" />
                </li>
                <li>
                    <label for="input-phone">Phone</label>
                    <input id="input-phone" type="tel" placeholder="Phone number" />
                </li>
            </ul>
        </fieldset>
        <fieldset>
            <legend>Step 2: Delivery address</legend>
        </fieldset>
        <fieldset>
            <legend>Step 3: Card details</legend>
        </fieldset>
    </form>
</body>
</html>